<template>
    <div class="app-foot">
      <el-row class="foot">
        <el-col :span="9" :offset="4">
          <pre class="foot-link">友情链接：<a target="_blank" :href="mainPage">门户网站</a>     <a target="_blank" href="http://image.baidu.com">百度图片</a>   </pre>
        </el-col>
      </el-row>
      <div class="foot-text">
        <pre class="foot-link">厦门钇企财富企业管理有限公司 闽ICP备18023069号-1</pre>
      </div>
      <div class="foot-text">
        <pre class="foot-link">厦门技术支持：厦门永创联盟科技有限公司 人才支持：<a target="_blank" href="http://www.xgzrc.com/">厦门人才网</a></pre>
      </div>
    </div>
</template>

<script>
export default {
  name: 'app-foot',
  computed: {
    mainPage() {
      if (process.env.NODE_ENV === 'production') {
        return '/leshuo/index';
      } else {
        return '/leshuo';
      }
    }
  }
};
</script>

<style scoped lang="scss">
  .app-foot {
    width: 100%;
    position: fixed;
    bottom: 0;
  }
  .foot {
    a,pre {
      color: #999
    }
    width: 100%;
    height: 40px;
    background-color: #ebebeb;
    &-text {
      text-align: center;
      color: #999;
      a {
        color: #999
      }
    }
    &-link {
      white-space: pre-wrap;
      font-size: 10px;
      line-height: 20px;
    }
  }
</style>
